.backups-reduction-page {
    background-color: #fff;
    min-height: calc(100vh - 114px);
    padding: 12px 20px;
    .page-top-option {
        display: flex;
        align-items: center;
        justify-content: space-between;
        .lg-select-root {
            vertical-align: middle;
            margin-right: 5px;
            .lg-select-frame {
                width: 100px;
            }
            .lg-select-menu-menu {
                width: 100px;
            }
        }
        .split-line {
            display: inline-block;
            vertical-align: middle;
            width: 1px;
            height: 14px;
            background-color: #cccccc;
            margin: 0 10px;
        }
        .list-num {
            margin-left: 7px;
            color: #999;
            span {
                color: #333;
            }
        }
        .my_search_input {
            width: 180px;
            font-size: 14px;
        }
    }
    .data-table {
        margin: 12px 0 20px;
        .table-thead {
            height: 40px;
            line-height: 40px;
        }
        .table-tr {
            height: 48px;
            line-height: 40px;
            p {
                line-height: 16px;
                margin-bottom: 0;
            }
            .table-update-title {
                display: inline-flex;
                align-items: center;
                margin: 8px 0 0 -32px;
                .module-icon {
                    width: 24px;
                    height: 24px;
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                    margin-right: 8px;
                }
                .module-info {
                    .module-title {
                        margin: -4px 0 4px 0;
                    }
                    .module-target {
                        font-size: 12px;
                        color: #999;
                    }
                }
            }
            .table-update-type {
                width: 100%;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }
            .table-update-place {
                width: 100%;
                line-height: 16px;
                white-space: pre-wrap;
                position: relative;
                top: 50%;
                transform: translateY(-50%);
            }
            .table-update-state {
                display: inline-flex;
                width: 100%;
                flex-direction: column;
                align-items: center;
                vertical-align: middle;
                .state-one {
                    width: 100%;
                    line-height: 20px;
                    .state-name {
                        display: inline-block;
                        vertical-align: middle;
                        width: 42px;
                        text-align: right;
                    }
                    .lg-switch-root {
                        display: inline-flex;
                        margin-left: 5px;
                    }
                }
            }
            .table-btn-group {
                display: inline-flex;
                align-items: center;
                .blue-btn {
                    color: #0099ff;
                    cursor: pointer;
                    &:hover {
                        opacity: .8;
                    }
                }
                .btn-slice {
                    width: 1px;
                    height: 10px;
                    background-color: #d9d9d9;
                    margin: 0 10px;
                }
                .red-btn {
                    color: #ef5757;
                    cursor: pointer;
                    &:hover {
                        opacity: .8;
                    }
                }
            }
        }
    }
    .menu_pagination {
        .lg-pagination-A-root {
            float: right;
        }
    }
}